<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
</html>

<script>
    // const list = [
    //     [5, 11],
    //     [5, 12],
    //     [2, 21],
    //     [6, 31]
    // ]
    //
    //
    // const obj = {}
    // const apps = []
    //
    // list.forEach(item => {
    //     if (!obj[item[0]]) {
    //         obj[item[0]] = []
    //     }
    // })
    //
    // list.forEach(item => {
    //     obj[item[0]].push(item[1])
    // })
    //
    // Object.keys(obj).forEach(item => {
    //    const object = {
    //        app_id: item,
    //        app_role_ids: obj[item]
    //    }
    //    apps.push(object)
    // })
    // console.log(apps)

    const list = [
        {
            app_id: 11,
            app_role_ids: [5]
        },
        {
            app_id: 13,
            app_role_ids: [2, 7]
        }
    ]

    const lists = []
    list.forEach(item => {
        item.app_role_ids.forEach(items => {
            lists.push([item.app_id, items])
        })
    })
    console.log(lists)

</script>